<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui"
	  xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:h="http://java.sun.com/jsf/html">
      
      
 <h:head >
    <!-- page title param passed in by param -->
    <title>Sistema de gestion</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="es" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    
    <link rel="stylesheet" href="../css/principal.css" media="screen" />
	
	<link rel="stylesheet" href="../css/migajas.css" media="screen" />
	<link rel="stylesheet" href="../css/seccion.css" media="screen" />
	<link rel="stylesheet" href="../css/degradado.css" media="screen" />
	<link rel="stylesheet" href="../css/maquetado.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="../../../../css/imprimir.css" media="print" />
	
	<h:outputScript library="js" name="extensions.js"></h:outputScript>
	<h:outputScript library="js" name="keyfilter.js"></h:outputScript>
	<h:outputScript library="js" name="components.js"></h:outputScript>
	<h:outputScript library="js" name="menu.js"></h:outputScript>
	<h:outputScript name="reports.js" library="js"></h:outputScript>
	<h:outputScript name="help.js" library="js"></h:outputScript>
		
  </h:head>

<h:body>
	<style type="text/css">  
         #ajaxErrorHandlerDialog{
           font-size: 12px !important;
           width: 600px !important;
  	   	   min-height: 100px;
         }    	  
	</style>  
  

	<script type="text/javascript">
	 function quitarLabelStatus(){
		 statusDialogo.jq.find('span').remove();		
		// statusDialogo.jq.css('z-index','3000');
		// statusDialog.jq.find('div p').text('Espere un momento...');
	    }
	 
	</script>

	<div class="contenedor">
		<div class="encabezado">
			<ui:include src="/WEB-INF/web/contenido/plantillas/cabe-plantilla.xhtml"/>
		</div>
		<div class="contenedorModulos">
			<ui:include src="/WEB-INF/web/contenido/plantillas/modulos-plantilla.xhtml"/>
	    	<ui:include src="/WEB-INF/web/contenido/plantillas/indicador-plantilla.xhtml"/>
		</div>
		<div class="navegacionIzquierda">
			<ui:include src="/WEB-INF/web/contenido/plantillas/navegacion-plantilla.xhtml"/>
		</div>
		<div class="contenido">
			<ui:include src="/WEB-INF/web/contenido/plantillas/contenido-plantilla.xhtml"/>
		</div>
		<div id= "subPantalla1">
			<h:panelGroup id="subPantallaNivel1">
				<ui:include src="/WEB-INF/web/contenido/plantillas/subpantalla-nivel1-plantilla.xhtml"/>
			</h:panelGroup>
		</div>
		
		<div id= "subPantalla2">
			<h:panelGroup id="subPantallaNivel2">
				<ui:include src="/WEB-INF/web/contenido/plantillas/subpantalla-nivel2-plantilla.xhtml"/>
			</h:panelGroup>
		</div>
		
		<div id= "subPantalla3">
			<h:panelGroup id="subPantallaNivel3">
				<ui:include src="/WEB-INF/web/contenido/plantillas/subpantalla-nivel3-plantilla.xhtml"/>
			</h:panelGroup>
		</div>
		
		<div id= "subPantallaRpt">
			<h:panelGroup id="subPantallaReporte">				
				<ui:include src="/WEB-INF/web/contenido/plantillas/subpantalla-reporte-plantilla.xhtml"/>
			</h:panelGroup>
		</div>
		
		<div id= "subPantallaMensajes">
			<h:panelGroup id="subPantallaMensaje">
				<ui:include src="/WEB-INF/web/contenido/plantillas/subpantalla-mensaje-plantilla.xhtml"/>
			</h:panelGroup>
		</div>
		
		<p:ajaxStatus onstart="statusDialog.show()" onsuccess="statusDialog.hide()" onerror="statusDialog.hide(); cmasErrorHandler.show();"/>
		
		<pe:ajaxErrorHandler type="javax.faces.application.ViewExpiredException" button="Ir a pagina de Login"  
                     buttonOnclick="document.location.href=document.location.href;"  
                     body="Su sesion ha expirado, inicie nuevamente sesion." title="Sesion expirada."/>  
		
		
        <pe:ajaxErrorHandler id="cmasErrorHandler" widgetVar="cmasErrorHandler" 
				button="Cerrar" buttonOnclick="cmasErrorHandler.hide();">  
   		<f:facet name="title">
   		    <h:outputLabel value="Notificacion del Sistema" />  
           
    	</f:facet>  
    	<f:facet name="body">  
        	<div id="cmasErrorHandler_divBody">  
            	<h:form>  
                	<p:tabView id="tabErrorHandler">  
                    	<p:tab id="tabView1" title="Información">  
                    		<h:outputText value="SOAGUA ha detectado un error interno, notificar al administrador de sistemas." style="font-size: 14px; color:#380000;" />
                        	<p:spacer></p:spacer>
                        	<h:panelGrid columns="2">  
                        		<h:outputLabel value="Tipo de Error:" />  
                            	<h:outputText value="{error-name}" style="font-size: 13px;color:red;" />
                        	
                            	<h:outputLabel value="Mensaje:" />  
                            	<h:outputText value="{error-message}" style="font-size: 14px;color:black; " />  
  
                            	<h:outputLabel value="Equipo:" />  
                            	<h:outputText value="{error-hostname}"  style="font-size: 14px;color:black; "/>  
                        	</h:panelGrid>  
  
                    	</p:tab>  
                    	<p:tab id="tabView2" title="Detalle" >  
                        	<h:panelGroup id="panel_stackTrace" style="overflow: scroll; height: 220px !important;">  
                            	<h:inputTextarea value="{error-stacktrace}" 
                            	    rows="15" cols="100"/>  
                        	</h:panelGroup>  
                    	</p:tab>  
                	</p:tabView>  
            	</h:form>  
        	</div>  
    	</f:facet>  
	</pe:ajaxErrorHandler> 

 
		<p:dialog widgetVar="statusDialog" modal="true" draggable="false" closable="false" resizable="false" showHeader="false" style="z-index:2001;">
		    <p:graphicImage value="/img/ajax-loader/ajax.gif" styleClass="imgAjax"/>
		    <h:outputLabel value="Procesando..." styleClass="lblGral lblAjax"/>
		</p:dialog>
		
		<div id="footer" class="footer">
	    	<ui:include src="/WEB-INF/web/contenido/plantillas/pie-plantilla.xhtml"/>
		</div>		
	</div>
	
</h:body>
</html>